.my-integral{
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-image: url('https://mp-a6359cef-e1f5-4478-96f8-00fab19c712c.cdn.bspapp.com/cloudstorage/fce22d0d-bb84-417e-95c2-f8f01e6f46a5.png');
	background-position: 0 0;
	background-size: 100% 100%;
	position: relative;
	.title{
		margin-top: 44rpx;
		height: 44rpx;
		font-size: 32rpx;
		font-family: $global-font-family;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 44rpx;
		text-align: center;
		position: relative;
		width: 100%;
		.detail-entry{
			display:flex;
			position: absolute;
			align-items: center;
			right: 36rpx;
			top: 50%;
			transform: translateY(-50%);
			height: 34rpx;
			font-size: 24rpx;
			line-height: 34rpx;
			.icon{
				font-size: 28rpx;
			}
		}
	}
	.integral-count{
		height: 134rpx;
		font-size: 96rpx;
		font-family: $global-font-family;
		font-weight: 800;
		color: #FFFF88;
		line-height: 134rpx;
		margin-bottom: 24rpx;
	}
	.integral-explain-container{
		width: 686rpx;
		min-height: 288rpx;
		background: linear-gradient(180deg, #FFB663 0%, #FF6126 100%);
		border-radius: 24rpx;
		position: relative;
		margin-bottom: 66rpx;
		margin-top: 42rpx;
		.explain-title{
			position: absolute;
			top: -18rpx;
			left: 50%;
			transform: translateX(-50%);
			width: 480rpx;
			height: 72rpx;
			background: linear-gradient(180deg, #FFDAB5 0%, #FF964C 100%);
			box-shadow: 0rpx 6rpx 2rpx 2rpx rgba(172,53,0,0.3);
			border-radius: 36rpx;
			font-size: 32rpx;
			font-family: $global-font-family;
			font-weight: 800;
			color: #B21C00;
			line-height: 72rpx;
			text-align: center;
			z-index: 10;
		}
		.content{
			width: 622rpx;
			min-height: 224rpx;
			background: #FFD49B;
			border-radius: 24rpx;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			padding: 20rpx 48rpx 0rpx 48rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			box-sizing: border-box;
			.content-item{
				width: 100%;
				min-height: 44rpx;
				font-size: 32rpx;
				font-family: $global-font-family;
				font-weight: 400;
				color: #B21C00;
				line-height: 44rpx;
				margin-bottom: 16rpx;
			}
		}
	}
}